De submit knop
Als je een formulier hebt wil je dat de gebruiker gegevens kan intypen en dat heeft alleen zin als die gegevens naar de maker van de website gestuurd kunnen worden. Formulieren maken interactie met de gebruiker mogelijk. De 'submit' knop is dus één van de belangrijkste besturingselementen.
Beschrijving
Je kan gegevens naar de server sturen met twee verschillende html elementen:
<input type="submit"><button type="submit">
<input type="submit">
De knop wordt gebruikt om de elementen met een opgegeven name attribuut naar de server te sturen.
name
Je kunt gebruikmaken van het attribuut name, maar je hoeft het niet te gebruiken. Ik raad aan om altijd een name in te vullen omwille van de semantiek.
value
Het attribuut value wordt gebruikt om de tekst die op een knop verschijnt te bepalen. Het is een goed idee om die op te geven. Doe je het niet wordt er een standaard tekst getoond, maar de tekst op knoppen verschilt per browser en is niet altijd logisch is.
Verschillende browsers geven knoppen op verschillende manieren weer. Als je het uiterlijk van een knop wilt bepalen doe je dat met CSS.
Voorbeeld
<div>
<input type="submit" value="Verzenden" name="submit">
</div>
Klik op Edit on CodePen om het voorbeeld te runnen.
<button type="submit">
Het element <button> is geïntroduceerd om websitemakers meer controle te geven over hoe hun knoppen verschijnen en werken. In een <button> element kan je andere elementen in de knop opnemen. Dit betekent dat je tekst en afbeeldingen tussen de tags <button> en </button> kunt plaatsen.
See the Pen Multimedia - Form - button type="submit" by Jef Inghelbrecht (@jef) on CodePen.